<%@page import="com.wlw.entity.User"%>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
	User user = (User)request.getSession().getAttribute("user");
	String province = "";
	String city = "";
%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<base href="<%=basePath%>foreground/"/>
<meta http-equiv="Content-Type" content="text/html;">
<title>-开溜儿网首页 -</title>
<meta name="keywords" content="开溜儿网、旅游网站、中国旅游、最受欢迎的旅游网站"/>
<meta name="description"
	content="开溜儿网是中国旅游业的最大门户网站，本站提供丰富的旅游快讯、旅游景点、旅游线路。"/>
<link type="text/css" rel="stylesheet" href="css/style.css"/>
<link rel="stylesheet" type="text/css" href="css/style1.css" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery.scrollfollow.js"></script>
<script type="text/javascript" src="js/flash.js"></script>
<script type="text/javascript" src="js/int.js"></script>
<script src="js/CJL.0.1.min.js"></script>
<script src="js/AlertBox.js"></script>
<link rel="shortcut icon" href="favicon.ico"/>
<link rel="icon" href="animated_favicon.gif" type="image/gif"/>
<link href="nav.css" rel="stylesheet" type="text/css"/>
<script language="javascript" src="common.js"></script>
<script language="javascript" src="nav.js"></script>
   <style type="text/css">
        .code
        {
            background-image:url(code.jpg);
            font-family:Arial;
            font-style:italic;
            color:Red;
            border:0;
            padding:2px 3px;
            letter-spacing:3px;
            font-weight:bolder;
        }
        .unchanged
        {
            border:0;
        }
    </style>
    <script language="javascript" type="text/javascript">
    
     var code ; //在全局 定义验证码
     function createCode()
     { 
       code = "";
       var codeLength = 4;//验证码的长度
       var checkCode = document.getElementById("checkCode");
       var selectChar = new Array(0,1,2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z');//所有候选组成验证码的字符，当然也可以用中文的
        
       for(var i=0;i<codeLength;i++)
       {
       var charIndex = Math.floor(Math.random()*36);
       code +=selectChar[charIndex];       
       }
//       alert(code);
       if(checkCode)
       {
         checkCode.className="code";
         checkCode.value = code;
       }
       
     }
     
      function validate ()
     {
       var inputCode = document.getElementById("input1").value;
       if(inputCode.length <=0)
       {
           alert("请输入验证码！");
           return false;
       }
       else if(inputCode != code )
       {
          alert("验证码输入错误！");
          createCode();//刷新验证码
          return false;
       }
       else
       {
         return true;
       }
       }
       
    </script>


<!-- 通过新浪地址库获得当前城市位置。 -->
<script src="http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js" type="text/ecmascript"></script>
<style>
#clazz_area {
	width: 100%;
	height: 300px;
	border: 1px solid red;
}
</style>
<style type="text/css">
	table tr {padding:20px;}
	table tr td{padding:10px;}
</style>
</head>
<body style="background:url(images/body_bg.jpg) no-repeat #72c8eb;">
	<div id="goTop" style="display: inline;">

		<div style="width:60px;height:120px;background-color:blue;">
			<div class="menuNav">
				<h2></h2>
				<div class="navlist" id="SNmenuNav">
					<dl>
						<dt class="icon03">
							<a href="">周边推荐</a>
						</dt>
						<dd class="menv03">
							<ul class="sideleft">
										<li class="noline"><b><a href="#"><label id="localcity"></label>
										<script type="text/javascript">
									   	//通过新浪地址库获得地址。
											document.getElementById("localcity").innerHTML=remote_ip_info["city"];
									   </script>
										</a></b>
										<div>
											<c:forEach items="${localSceneries}" var="ls" varStatus="ind">
												<a href="<%=path%>/scenery/sceneryDetail.do?id=${ls.id}">${ls.name}</a>
											</c:forEach>
										</div>
										<li class="noline"><b><a href="#">
										<label id="localpro" name="localpro"></label>
										<script type="text/javascript">
									   	//通过新浪地址库获得地址。
											document.getElementById("localpro").innerHTML=remote_ip_info["province"];
									  	 </script>
										</a></b>
										<div>
											<c:forEach items="${localCities}" var="ls" varStatus="ind">
												<a href="<%=path%>/city/cityDetail.do?id=${ls.id}">${ls.name}</a>
											</c:forEach>
										</div>
							</ul>
							<ul class="sideright">
								<h3>倾心推荐</h3>
								<li><a href="#">成都</a>
								</li>
								<li><a href="#">四川</a>
								</li>
							</ul>
						</dd>
					</dl>
					<dl>
						<dt class="icon04">
							<a href="#">热门推荐</a>
						</dt>
						<dd class="menv04">
							<ul class="sideleft">
							<c:forEach items="${cities}" var="c">
									<li class="noline"><b><a href="<%=path%>/city/cityDetail.do?id=${c.id}">${c.name}</a></b>
										<div>
											<c:forEach items="${c.sceneries}" var="cs">
												 <a href="<%=path%>/scenery/sceneryDetail.do?id=${cs.id}">${cs.name}</a>
											</c:forEach>
										</div> 
										<span class="clear"></span>
									</li>
								</c:forEach>
							</ul>
							
							<ul class="sideright">
								<h3>倾心推荐</h3>
								<li><a href="#">乌鲁木齐</a>
								</li>
								<li><a href="#">成都</a>
								</li>
								<li><a href="#">青岛</a>
								</li>
							</ul>
						</dd>
					</dl>
					<dl>
						<dt class="icon05">
							<a href="#">国内旅游推荐</a>
						</dt>
						<dd class="menv05">
							<ul class="sideleft">
								<c:forEach items="${homeSceneries}" var="hs">
									<li class="noline"><b><a target="_blank" href="<%=path%>/scenery/sceneryDetail.do?id=${hs.id}">${hs.name}</a> </b>
											<div>
												<a href="">${hs.brief}</a>
											</div>
										<span class="clear"></span>
									</li>
								</c:forEach>
							</ul>
							<ul class="sideright">
								<h3>景点推荐</h3>
								<li><a href="#">那拉提草原</a>
								</li>
								<li><a href="#">峨眉山</a>
								</li>
							</ul>
						</dd>
					</dl>
					<dl>
						<dt class="icon06">
							<a class="" href="#" style="color:#484891;font-size:14px;">国外旅游推荐</a>
						</dt>
						<dd style="display: none;" class="menv06">
							<ul class="sideleft">
								<c:forEach items="${foreignSceneries}" var="fs">
									<li class="noline"><b><a href="#">${fs.name}</a> </b>
										<div>
											<a href="#">${fs.brief}</a>
										</div>
										<span class="clear"></span>
									</li>
								</c:forEach>
							</ul>
							<ul class="sideright">
								<h3>倾心推荐</h3>
								<li><a href="#">夏威夷</a>
								</li>
								<li><a href="#">马尔代夫</a>
								</li>
							</ul>
						</dd>
					</dl>
					<dl>
						<dt class="icon07">
							<a class="" href="">目的地导航</a>
						</dt>
						<dd style="display: none;" class="menv07">
							<ul class="sideleft">
								<c:forEach items="${homeProvinces}" var="hp">
									<li class="noline"><b><a target="_blank" href="<%=path%>/province/provinceDetail.do?id=${hp.id}">${hp.name}</a> </b>
										<div>
											<c:forEach items="${hp.cities}" var="c">
												<a href="<%=path%>/city/cityDetail.do?id=${c.id}">${c.name}</a>
											</c:forEach>
										</div> <span class="clear"></span>
									</li>
								</c:forEach>
							</ul>
							<ul class="sideright">
								<h3>倾心推荐</h3>
								<li><a href="#">纽约</a>
								</li>
								<li><a href="#">北京</a>
								</li>
								<li><a href="#">上海</a>
								</li>
							</ul>
						</dd>
					</dl>
				</div>
				<div class="clear"></div>
			</div>
		</div>
	</div>

	<link type="text/css" rel="stylesheet"
		href="http://v2.jiathis.com/code/css/jiathis_share.css">
	<iframe style="position: fixed; display: none; opacity: 0;"
		frameborder="0"></iframe>
	<div
		style="position: absolute; z-index: 1000000000; display: none; top: 50%; left: 50%; overflow: auto;"
		class="jiathis_style"></div>
	<div
		style="position: absolute; z-index: 1000000000; display: none; overflow: auto;"
		class="jiathis_style"></div>
	<iframe src="http://v2.jiathis.com/code/jiathis_utility.html"
		style="display: none;" frameborder="0"></iframe>
	<link type="text/css" rel="stylesheet"
		href="http://v2.jiathis.com/code/css/jiathis_share.css">
	<iframe style="position: fixed; display: none; opacity: 0;"
		frameborder="0"></iframe>
	<div
		style="position: absolute; z-index: 1000000000; display: none; top: 50%; left: 50%; overflow: auto;"
		class="jiathis_style"></div>
	<div
		style="position: absolute; z-index: 1000000000; display: none; overflow: auto;"
		class="jiathis_style"></div>
	<iframe src="http://v2.jiathis.com/code/jiathis_utility.html"
		style="display: none;" frameborder="0"></iframe>
	<link type="text/css" rel="stylesheet"
		href="http://v2.jiathis.com/code/css/jiathis_share.css">
	<iframe style="position: fixed; display: none; opacity: 0;"
		frameborder="0"></iframe>
	<div
		style="position: absolute; z-index: 1000000000; display: none; top: 50%; left: 50%; overflow: auto;"
		class="jiathis_style"></div>
	<div
		style="position: absolute; z-index: 1000000000; display: none; overflow: auto;"
		class="jiathis_style"></div>
	<iframe src="http://v2.jiathis.com/code/jiathis_utility.html"
		style="display: none;" frameborder="0"></iframe>
	<link type="text/css" rel="stylesheet"
		href="http://v2.jiathis.com/code/css/jiathis_share.css">
	<iframe style="position: fixed; display: none; opacity: 0;"
		frameborder="0"></iframe>
	<div
		style="position: absolute; z-index: 1000000000; display: none; top: 50%; left: 50%; overflow: auto;"
		class="jiathis_style"></div>
	<div
		style="position: absolute; z-index: 1000000000; display: none; overflow: auto;"
		class="jiathis_style"></div>
	<iframe src="http://v2.jiathis.com/code/jiathis_utility.html"
		style="display: none;" frameborder="0"></iframe>
	<link type="text/css" rel="stylesheet"
		href="http://v2.jiathis.com/code/css/jiathis_share.css">
	<iframe style="position: fixed; display: none; opacity: 0;"
		frameborder="0"></iframe>
	<div
		style="position: absolute; z-index: 1000000000; display: none; top: 50%; left: 50%; overflow: auto;"
		class="jiathis_style"></div>
	<div
		style="position: absolute; z-index: 1000000000; display: none; overflow: auto;"
		class="jiathis_style"></div>
	<iframe src="http://v2.jiathis.com/code/jiathis_utility.html"
		style="display: none;" frameborder="0"></iframe>
	<link type="text/css" rel="stylesheet"
		href="http://v2.jiathis.com/code/css/jiathis_share.css">
	<iframe style="position: fixed; display: none; opacity: 0;"
		frameborder="0"></iframe>
	<div
		style="position: absolute; z-index: 1000000000; display: none; top: 50%; left: 50%; overflow: auto;"
		class="jiathis_style"></div>
	<div
		style="position: absolute; z-index: 1000000000; display: none; overflow: auto;"
		class="jiathis_style"></div>
	<iframe src="http://v2.jiathis.com/code/jiathis_utility.html"
		style="display: none;" frameborder="0"></iframe>
	<div id="topBar">
		<div class="wrapper">
			<div class="l">您好，欢迎访问开溜儿旅游网！</div>
			<div class="r1" style="width:750px; float:right; margin:3px; margin-left:30px">
			<%
				if(user==null){
			 %>
			<form action="<%=path%>/user/login.do" onsubmit="return validate();" method="post" style="margin:0px;display:inline;">
				用户名:<input name="uname" class="input" placeholder="会员账号" style="height: 25px;margin-bottom: 4px" onfocus="this.placeholder=''" onblur="if(this.value=='')this.placeholder='会员账号';" type="text"/>
				密码:<input name="pwd" class="input" placeholder="密码" style="height: 25px;margin-bottom: 4px" onfocus="this.placeholder=''" onblur="if(this.value=='')this.placeholder='密码';" type="password"/>
				验证码：<input type="text" class="input" placeholder="验证码" size="6px" style="height: 25px;margin-bottom: 4px" onfocus="this.placeholder=''" onblur="if(this.value=='')this.placeholder='验证码';" id="input1" />
    			<input type="text" onclick="createCode()" readonly="readonly" id="checkCode" class="unchanged" size="6px" style="height: 25px;margin-bottom: 4px;"/>
				<input id="Button1" class="input" value="立即登录" style="background-color:#FFFFFF;border: 0px none;width:72px;height: 28px;margin-top: -4px;color: red;font-size: 14px;font-weight: bold;cursor: pointer;"
						type="submit"/>
			</form>
						<input value="注 册" id="idCenter" 
						style="background-color:#FFFFFF;border: 0px none;width: 72px;height: 28px;margin-top: -4px;color: red;font-size: 14px;font-weight: bold;cursor: pointer;"
						type="submit">
							<style>
							.lightbox{width:350px;height:360px;background-color:#FFF;border:1px solid #0051c1;line-height:20px;display:none; margin:0;}
							.lightbox dt{background-color: #0051c1;padding:5px;}
							.lightbox dd{ padding:20px; margin:0;}
							
						</style>
							
						<br />
						<dl id="idBox" class="lightbox" style="top:10%;left:5%;background-color: #fff;">
							<dt>
								<b>欢迎您注册开溜儿网！</b>
								<input style="float:right; background-color: #0051c1;border: 0px red solid;" type="button" value="X" id="idBoxClose"/>
							</dt>
						<center>
							<dd>
								<form action="<%=path%>/user/register.do" method="post" enctype="multipart/form-data">
									<table>
										<tr style="padding:30px;">
											<td>用户名：</td>
											<td>
												<input type="hidden" name="id" value="${u.id}"/>
												<input type="text" name="uname" value="${u.uname}" id="idBoxTxt">
											</td>
										</tr>
										<tr>
											<td>密&nbsp;&nbsp;&nbsp;码：</td>
											<td><input type="password"  name="pwd" value="" id="idBoxTxt">
											</td>
										</tr>
										<tr>
											<td>确认密码：</td>
											<td><input type="password" value="" id="idBoxTxt">
											</td>
										</tr>
										<tr>
											<td>E-mail：</td>
											<td><input type="text" name="email" value="${u.email}" id="idBoxTxt">
											</td>
										</tr>
										<tr>
											<td>电&nbsp;&nbsp;&nbsp;话：</td>
											<td><input type="text"  name="telPhone" value="${u.telPhone}"
												id="idBoxTxt">
											</td>
										</tr>
										<tr>
											<td>
												<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
												<input style="width: 50px;height: 30px;" type="submit" value=" 确&nbsp;&nbsp;定 "/><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
											</td>
											<td>
												<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
												<input style="width: 50px;height: 30px;" type="reset" value=" 重置 "/><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
											</td>
										</tr>
									</table>
									
								</form>
							</dd>
						</center>
						</dl>
						<script>
							(function(){
							
							var ab = new AlertBox("idBox"), lock = false;
							
							//锁定键盘
							function lockup(e){ e.preventDefault(); }
							//高亮层不锁定
							function lockout(e){ e.stopPropagation(); }
							
							ab.onShow = function(){
								$$("idBoxTxt").select();
								if ( lock ) {
									$$E.addEvent( document, "keydown", lockup );
									$$E.addEvent( this.box, "keydown", lockout );
									OverLay.show();
								}
							}
							ab.onClose = function(){
								$$("idMsg").innerHTML = $$("idBoxTxt").value;
								$$E.removeEvent( document, "keydown", lockup );
								$$E.removeEvent( this.box, "keydown", lockout );
								OverLay.close();
							}
							
							$$("idBoxClose").onclick = function(){ ab.close(); }
							
							$$("idCenter").onclick = function(){
								ab.center = true;
								ab.show();
							}
							})()
						</script> 
			<%}else{%>
				<h4 style="float:right;">欢迎您 ，<a style="color:#fff;" href="<%=path%>/user/myInfo.do">${user.uname}</a>
					<form action="<%=path%>/user/logout.do" style="display: inline;margin: 0px;">
						<input value="注销" id="idCenter" 
								style="background-color:#FFFFFF;border: 0px none;width: 72px;height: 28px;margin-top: -4px;color: red;font-size: 14px;font-weight: bold;cursor: pointer;"
								type="submit">
					</form>
				</h4>
				<%} %>
			</div>
		</div>
	</div>
	<div id="header">
		<div class="wrapper">
			<div class="logo">
				<a href="<%=path%>/"><img src="images/logo.png">
				</a>
			</div>
				<div class="search">
					<dl>
						<dd>
							<a id="search_type1"
								onclick="select_search_type(1);return false;" href="#"
								class="current">景点</a>
						</dd>
						<dd>
							<a id="search_type2"
								onclick="select_search_type(2);return false;" href="#">城市</a>
						</dd>
						<dd>
							<a id="search_type3"
								onclick="select_search_type(3);return false;" href="#">问答</a>
						</dd>
					</dl>
					<div>
						<input id="s" type="text" style="height: 35px;padding-left: 25px;" name="search"
							onfocus="if(this.value=='这是一个神奇的搜索'){this.value='';}"
							value="这是一个神奇的搜索" style="padding: 10;"/><input
							name="search_type" id="search_type" value="1" type="hidden" />
							<script type="text/javascript">
								function search(){
									var s = document.getElementById("s").value;
									var type = document.getElementById('search_type').value;
									var uri = encodeURI(encodeURI(s));
									window.location.href='${pageContext.request.contextPath}/user/search.do?search='+uri+'&search_type='+type;
								}
							</script>
							
						<button type="submit"  onclick="search();">搜索</button>
					</div>
				</div>
		</div>
	</div>
	<div id="nav">
		<dl>
			<div>
				<label id="location"></label>
			   <script type="text/javascript">
			   //通过新浪地址库获得地址。
			   
					document.getElementById("location").innerHTML="您当前的位置："+remote_ip_info["province"]+"省"+"|"+remote_ip_info["city"] + "市";
			   </script>
			</div>
			<dd>
				<a href="<%=path%>/travalNoteManage/listTravalNote.do" target="_blank" class="a2">全部游记</a>
			</dd>
			<dd>
				<a href="<%=path%>/foreground/fabiaoyoujis.jsp" target="_blank" class="a3">发表游记</a>
			</dd>
		</dl>
		<ul>
			<li><a href="<%=path%>/" class="a1">首页</a>
			</li>
			<li><a href="<%=path%>/travalNoteManage/traval.do" class="a2">旅游攻略</a>
			</li>
			<li><a href="<%=path%>/city/list.do" class="a4">目的地</a>
			</li>
			<li><a href="<%=path%>/city/laLongutitude.do" class="a6">地图</a>
			</li>
			<li><a href="<%=path%>/qaManage/quest.do?pageNo=1" class="a5">问答</a>
			</li>
			<li><a href="<%=path%>/user/myInfo.do" class="a7">个人中心</a>
			</li>

		</ul>
	</div>
	<script type="text/javascript">
		function select_search_type(n) {
			document.getElementById('search_type1').className = '';
			document.getElementById('search_type2').className = '';
			document.getElementById('search_type3').className = '';
			document.getElementById('search_type' + n).className = 'current';
			document.getElementById('search_type').value = n;
		}
	</script>
	<div id="main">





		<div>
			<div id="imageShow">
				<div id="imgshow_mask"></div>
				<ul class="imagebg" id="imagebg">
					<li data-sPic="image/11.jpg"><a
						href="#" class="bannerbg_main"
						style="background:url(image/1.jpg) 50% 50% no-repeat;"></a>
					</li>
					<li data-sPic="image/22.jpg"><a
						href="#" class="bannerbg_main"
						style="background:url(image/2.jpg) 50% 50% no-repeat;"></a>
					</li>
					<li data-sPic="image/33.jpg"><a
						href="#" class="bannerbg_main"
						style="background:url(image/3.jpg) 50% 50% no-repeat;"></a>
					</li>
					<li data-sPic="image/44.jpg"><a
						href="#" class="bannerbg_main"
						style="background:url(image/4.jpg) 50% 50% no-repeat;"></a>
					</li>
					<li data-sPic="image/55.jpg"><a
						href="#" class="bannerbg_main"
						style="background:url(image/5.jpg) 50% 50% no-repeat;"></a>
					</li>
					<li data-sPic="image/66.jpg"><a
						href="#" class="bannerbg_main"
						style="background:url(image/6.jpg) 50% 50% no-repeat;"></a>
					</li>
					<li data-sPic="image/77.jpg"><a
						href="#" class="bannerbg_main"
						style="background:url(image/7.jpg) 50% 50% no-repeat;"></a>
					</li>
					<li data-sPic="image/88.jpg"><a
						href="#" class="bannerbg_main"
						style="background:url(image/8.jpg) 50% 50% no-repeat;"></a>
					</li>
					<li data-sPic="image/99.jpg"
						style="background:#a9a9a9 url(image/banner_home_3.jpg) center no-repeat;">
						<a href="#" class="bannerbg_main"
						style="background:url(image/9.jpg) 50% 50% no-repeat;"></a>
					</li>
				</ul>
				<div class="scrollbg">
					<div class="scroll">
						<a id="left_img_btn" class="s_pre" href="javascript:void(0)"></a>
						<div class="current" id="current"></div>
						<div class="outScroll_pic">
							<ul class="scroll_pic cls" id="small_pic"></ul>
						</div>
						<a id="right_img_btn" class="s_next" href="javascript:void(0)"></a>
					</div>
				</div>

			</div>


			<script type="text/javascript" src="js/imgSlider.js"></script>
			<script type="text/javascript">
				img.init();
				img.play(0);
				//阻止事件冒泡
				function estop(e) {
					var e = arguments.callee.caller.arguments[0] || event;
					if (e && e.stopPropagation) {
						//因此它支持W3C的stopPropagation()方法
						e.stopPropagation();
					} else {
						//否则，我们需要使用IE的方式来取消事件冒泡
						window.event.cancelBubble = true;
						return false;
					}
				}
			</script>

			<div id="index">
				<div class="indexLeft">
				
				<h2 style="height:55px;background: url('images/title_surround.jpg') no-repeat;"></h2>
				
				<div class="itemC">
					<img src="images/gou5.jpg"/>
					<ul>
   						<li>
	   						<c:forEach items="${localSceneries}" var="ls" varStatus="ind">
								<a href="<%=path%>/scenery/sceneryDetail.do?id=${ls.id}" style="font-size: 14px;margin:20px;">${ls.name}--${ls.brief}</a><br/>
							</c:forEach>
	                    	<c:forEach items="${localCities}" var="ls" varStatus="ind">
								<a href="<%=path%>/city/cityDetail.do?id=${ls.id}" style="font-size: 14px;margin:20px;">${ls.name}--${ls.brief}</a><br/>
							</c:forEach>
                    	</li>
   					</ul>
					<!--<a href="<%=path%>/province/localProvince.do?localP=四川" target="_blank" class="more"></a>-->
				</div>
				<h2 style="height:55px;background: url('images/title_hot.jpg') no-repeat;"></h2>
				<!-- 热门推荐 -->
				<div class="itemC">
					<img src="images/gou5.jpg" />
					<ul>
                    	<li>
	                    	<c:forEach items="${cities}" var="c">
	                    		<a href="<%=path%>/city/cityDetail.do?id=${c.id}" target="_blank">${c.name}---${c.brief}</a><br>
	                    	</c:forEach>
                    	</li>
                    	<!--  <a href="article_list.aspx?cid=16" target="_blank" class="more"></a>-->
                    </ul>
				</div>
				<h2 style="height:55px;background: url('images/title_home.jpg') no-repeat;"></h2>
				<!-- 国内推荐 -->
				<div class="itemC">
					<img src="images/gou5.jpg" />
					<ul>
						<li>
							<c:forEach items="${homeSceneries}" var="hs">
								<a href="<%=path%>/scenery/sceneryDetail.do?id=${hs.id}" target="_blank">${hs.name}---${hs.brief}</a><br>
							</c:forEach>
						</li>
   					</ul>
					<!--<a href="article_list.aspx?cid=16" target="_blank" class="more"></a> -->
				</div>
				<h2 style="height:55px;background: url('images/title_foreign.jpg') no-repeat;"></h2>
				<!-- 国外推荐 -->
				<div class="itemC">
					<img src="images/gou5.jpg" />
					<ul>
						<li>
							<c:forEach items="${foreignSceneries}" var="fs">
								<a href="#" target="_blank">${fs.name}--${fs.brief}</a><br>
							</c:forEach>
						</li>
   					</ul>
					<!--<a href="article_list.aspx?cid=16" target="_blank" class="more"></a>-->
				</div>
		
				
					<script type="text/javascript" src="js/flashObject.js"></script>
					<script type="text/javascript">
						var flash = new sohuFlash("flash/banner.swf", "20",
								730, 300, "7");
						flash.addParam("quality", "high");
						flash.addParam("wmode", "transparent");
						flash
								.addVariable(
										"image",
										"images/flashfocus0.jpg|images/flashfocus1.jpg|images/flashfocus2.jpg|images/flashfocus3.jpg");
						flash.addVariable("stitle",
								"石海发现之旅|苗人习俗文化|探寻神秘僰人|倾情苗族歌舞");
						flash
								.addVariable(
										"info",
										"<h2><a href='http://www.cssmoban.com/?play/match_detail.aspx?mid=1' target='_blank'>石海发现之旅</a></h2><p>兴文是一片神奇、美丽的土地。境内旅游资源丰富而独特。这里有国家重点风景名胜区、国家4A级景区、四川首家世界地质公园</p>|<h2><a href='http://www.cssmoban.com' target='_blank'>苗人习俗文化</a></h2><p>族生活比较简朴，历来主食糯米，解放后逐渐改食籼米。辅之以小米、红苕、苞谷等。副食有家畜禽类，间有野生禽兽肉等。</p>|<h2><a href='http://www.cssmoban.com' target='_blank'>探寻神秘僰人</a></h2><p>在地球上消失了400多年的僰人如今“复活”了，专家们近日在四川省宜宾市兴文县发现了僰人后裔，据估计，总数可能超过万人。</p>|<h2><a href='http://www.cssmoban.com' target='_blank'>倾情苗族歌舞</a></h2><p>4月29日，兴文县500多名苗族干部、群众和古宋社区群众，身着节日盛装，走上街头，通过开展大游行、文艺表演等形式</p>");
						flash.addVariable("stopTime", "3000");
						flash.write("banner");
					</script>
					
					
					<div class="itemC">
						<ul>
							<li class="s1"><strong>旅游景点</strong>
							<div>
									<a href="#" target="_blank"><img
										src="upload/scenic/small_1334285460105140585.jpg" />
									</a><em><a href="tour/scenic_detail.aspx?sid=2"
										target="_blank">南山</a>
									</em>
									<p>
										&nbsp; &nbsp; &nbsp; &nbsp;
										乌鲁木齐南山是中国西部新疆维吾尔自治区乌鲁木齐市内的有名的景点。<a
											href="#">[详细]</a>
									</p>
								</div>
							</li>
							<li class="s2"><strong>精品线路</strong>
							<div>
									<a href="tour/line_detail.aspx?sid=3" target="_blank"><img
										src="upload/line/small_13342872271079259.jpg" />
									</a><em><a href="#">乌鲁木齐南山是中国西部新疆维吾尔自治区乌鲁木齐市内的有名的景点。</a>
									</em>
									<p>
										<a href="#" target="_blank">[详细]</a>
									</p>
								</div>
							</li>
							<li class="s3"><strong>乡村旅游</strong>
							<div>
									<a href="#" target="_blank"><img
										src="upload/rural/small_" />
									</a><em><a href="#" target="_blank"></a>
									</em>
									<p>
										<a href="#" target="_blank">[详细]</a>
									</p>
								</div>
							</li>
							<li class="s4"><strong>特色演出</strong>
							<div>
									<a href="#"><img
										src="upload/match/small_" />
									</a><em><a href="#" target="_blank"></a>
									</em>
									<p>
										<a href="#" target="_blank">[详细]</a>
									</p>
								</div>
							</li>
							<li class="s5"><strong>旅游节庆</strong>
							<div>
									<a href="#"><img
										src="upload/match/small_1334304624467582952.jpg" />
									</a><em><a href="#" target="_blank">大坝高桩节</a>
									</em>
									<p>
										&nbsp; &nbsp; &nbsp; &nbsp;
										兴文县-大坝景区高桩，高桩又称高桩戏，一台高桩就是一组戏。表演时，主角站在离戏台三米高的铁桩上...<a
											href="#" target="_blank">[详细]</a>
									</p>
								</div>
							</li>
						</ul>
					</div>
					
					<div class="itemF">
						
					</div>
				</div>
				<div class="indexRight">
					
					<div class="itemB">
						<a href="#"><img src="images/s2.jpg" /></a>
						<a href="#"><img src="images/s3.jpg" /></a> 
						<a href="#"><img src="images/s4.jpg" /></a> 
						<a href="#"><img src="images/s5.jpg" /></a> 
						<a href="#"><img src="images/s6.jpg" /></a> 
						<a href="#"><img src="images/s1.jpg" /></a>  
						<a href="#"><img src="images/s5.jpg" /></a>  
						<a href="#"><img src="images/s3.jpg" /></a>  
						<a href="#"><img src="images/s2.jpg" /></a>  
						<img src="images/s4.jpg" />
					</div>
					<form action="<%=path%>/admin/login.do" method="post">
						<div class="itemE">
							<h3>后台管理登录</h3>
							<ul>
								<li><input type="text" class="input" name="uname" placeholder="管理员账号"
									value="" /></li>
								<li><input type="password" class="input" name="pwd" placeholder="请输入密码"
									value="" /></li>
								<li><input type="checkbox" class="checkbox" />记住登录<a
									href="#">忘记了密码？</a></li>
								<li><button type="submit">立即登录</button></li>
							</ul>
						</div>
					</form>
					<div class="itemF">
						<h3>旅游小贴士</h3>
						<ul>
							<li><a href="http://menpiao.tuniu.com/"
								target="_blank" class="a1">门票预订</a>
							</li>
							<li><a href="http://hotel.qunar.com/" target="_blank"
								class="a2">酒店预订</a>
							</li>
							<li><a href="http://www.weather.com.cn/" target="_blank"
								class="a3">天气预报</a>
							</li>
							<li><a href="http://www.51766.com/helps/" target="_blank"
								class="a4">出游常识</a>
							</li>
							<li><a href="https://kyfw.12306.cn/otn" target="_blank"
								class="a7">列车查询</a>
							</li>
							<li><a href="http://flight.qunar.com/status/alphlet_order.jsp" target="_blank"
								class="a8">航班查询</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="clearit"></div>
				<div class="friendLink">
					<strong>友情链接</strong>
					<ul>
						<li><a href="http://www.tuniu.com/"
							title="#" target="_blank"><img
								title="途牛旅游网" src="images/tuniu.jpg" />
						</a>
						</li>
					</ul>
					<dl>
						<dd>
						<!-- 途牛旅行网 -->
							<a href="http://www.tuniu.com/" target="_blank"></a>
						</dd>
					</dl>
				</div>
			</div>
			<div id="footer">
				<div class="nav">
					<ul>
						<li><a href="#" target="_blank">关于我们</a>
						</li>
						<li><a href="#" target="_blank">广告服务</a>
						</li>
						<li><a href="#" target="_blank">联系方式</a>
						</li>
						<li><a href="#" target="_blank">网站声明</a>
						</li>
						<li><a href="#" target="_blank">诚聘英才</a>
						</li>
						<li><a href="#" target="_blank">合作伙伴</a>
						</li>
						<li></li>
					</ul>
				</div>
			</div>
</body>
</html>
